<!--
 * @Descripttion:
 * @Version: 1.0
 * @Author: 吱吱
 * @Date: 2022-12-06 18:17:25
 * @LastEditors: pj
 * @LastEditTime: 2022-12-08 21:03:01
-->
<template>
    <div class="layout-page">
        <!-- 这个占位符，展示二级路由对应的组件 -->
        <router-view></router-view>

        <!-- 复制过来的标签  首页最下面的标签-->
        <!-- 观察 tabbar 的用法介绍，发现有路由模式。
        ● 去掉 <van-tabbar> 的 v-model 属性
        ● 给 <van-tabbar> 加入 route 属性
        ● 给 <van-tabbar-item> 加入 to="/xxx" 属性 -->
        <van-tabbar route>
            <van-tabbar-item to="/article" icon="home-o">面经</van-tabbar-item>
            <van-tabbar-item to="/collect" icon="star">收藏</van-tabbar-item>
            <van-tabbar-item to="/like" icon="like-o">喜欢</van-tabbar-item>
            <van-tabbar-item to="/user" icon="user-o">用户</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {
  name: 'layout-page'
}
</script>

<style lang="less" scoped></style>
